// 公共列表样式
.listWapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  .listInner {
    flex: 1;
    overflow-y: auto;
  }
}
.common_list {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 0.25rem;
  border-radius: 12px;
  .list_item {
    border-bottom: 2px solid #e5e8ee;
    margin-bottom: 20px;
    overflow: hidden;
    .video_area {
      width: 100% !important;
      aspect-ratio: 16/ 9;
      min-height: 400px;
      border: 2px solid #448be9;
      border-radius: 10px;
      margin-bottom: 30px;
      position: relative;
      overflow: hidden;
      .error {
        position: absolute;
        left: 15px;
        top: 15px;
        background-color: #e4ba1f;
        color: #fff;
        padding: 12px 20px;
        border-radius: 6px;
        border: 1px solid #fff;
        font-size: 26px;
      }
      .onLine {
        position: absolute;
        right: 15px;
        top: 15px;
        color: #fff;
        padding: 12px 20px;
        border-radius: 6px;
        border: 1px solid #fff;
        font-size: 26px;
      }
      .status {
        position: absolute;
        left: 20px;
        bottom: 15px;
        background-color: #ff4d4e;
        color: #fff;
        padding: 12px 20px;
        border-radius: 6px;
        border: 1px solid #fff;
      }
    }
    .content_area {
      display: flex;
      align-items: flex-start;
      .number_order {
        min-width: 38px;
        min-height: 38px;
        margin-right: 20px;
        background-color: #418dff;
        border-radius: 8px;
        color: #fff;
        text-align: center;
        line-height: 38px;
        img {
          width: 100%;
          height: 100%;
        }
      }
      .right_content {
        position: relative;
        flex: 1;
        overflow: hidden;
        .content_title {
          font-family: MicrosoftYaHei-Bold;
          letter-spacing: 0px;
          color: #000000;
          font-weight: bold;
          font-size: 28px;
          margin-bottom: 20px;
          line-height: 35px;
          max-width: 60%;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          word-break: break-all;
        }
        .onLine {
          position: absolute;
          right: 0;
          top: 0;
          color: #fff;
          padding: 12px 20px;
          border-radius: 6px;
          border: 1px solid #e2e2e2;
          font-size: 26px;
        }
        ul {
          li {
            display: flex;
            flex-direction: row;
            //align-items: flex-start;
            //align-items: center;
            justify-content: flex-start;
            margin-bottom: 20px;
            font-size: 24px;
            .iconfont {
              font-size: 24px;
              margin-right: 10px;
            }
            .label {
              white-space: nowrap;
              flex-shrink: 0;
            }
            .value {
              flex: 1;
              // word-wrap: break-word;
              /*强制文本在一行内显示*/
              // white-space: nowrap;
              // overflow: hidden;
              // text-overflow: ellipsis;
              /*如果需要换行则加上此类名*/
            &.allowWrap{
              white-space: initial;
              overflow: initial;
              text-overflow: initial;
              word-break: break-all;
             }
            }
          }
        }
      }
    }
    &:last-child {
      margin-bottom: 0;
      border-bottom: none;
    }
  }
}
// 公共详情页
.common-details {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  .d-scroll {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
  }
  .d-bottom {
    border-top: 2px solid #e5e8ee;
    border-bottom: 2px solid #e5e8ee;
    flex-shrink: 0;
    min-height: 100px;
  }
}
// 公共级联
.customPopCascade {
  border-bottom: 1px solid rgba(233, 233, 233, 1);
  padding-bottom: 10px;
  margin-bottom: 30px;
  .cascade-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .inputBox {
    display: flex;
    align-items: center;
    background-color: #fff;
    .van-cell {
      padding: 0 16px;
      &:active {
        background-color: rgba(0, 0, 0, 0);
      }
      .van-field__control {
        height: 25px;
        font-size: 12px;
        &:disabled {
          color: #323233;
          -webkit-text-fill-color: #323233;
        }
      }
      &::after {
        display: none;
      }
    }
    .iconfont {
      color: #838282;
    }
    &.isBorder {
      border: 1px solid #e9e9e9;
    }
  }
}
// 公共颜色
.c-bg-primary {
  background-color: #409eff;
}
.c-bg-success {
  background-color: #67c23a;
}
.c-bg-danger {
  background-color: #f56c6c;
}
.c-bg-warning {
  background-color: #e6a23c;
}
.c-bg-info {
  background-color: #909399;
}
.c-text-primary {
  color: #409eff;
}
.c-text-success {
  color: #67c23a;
}
.c-text-danger {
  color: #f56c6c;
}
.c-text-warning {
  color: #e6a23c;
}
.c-text-info {
  color: #909399;
}
.c-text-color1 {
  color: #4b8af4;
}
.c-text-color2 {
  color: #17b5ff;
}
.c-text-color3 {
  color: #07cdd4;
}
.c-text-color4 {
  color: #fe961d;
}
.c-text-color5 {
  color: #ff5b28;
}
.c-text-color6 {
  color: #17b5ff;
}
.c-text-color7 {
  color: #418dff;
}
.c-text-color8 {
  color: #a2738c;
}

/* 字体 */
.font-size-mn {
  font-size: 22px !important;
}
.font-size-sm {
  font-size: 24px !important;
}
.font-size-md {
  font-size: 26px !important;
}
.font-size-lg {
  font-size: 28px !important;
}
.font-size-xl {
  font-size: 30px !important;
}
.font-size-xxl {
  font-size: 32px !important;
}
.font-size-xxxl {
  font-size: 34px !important;
}
.font-bold {
  font-weight: bold !important;
}
.font-normal {
  font-weight: normal !important;
}


.index-top {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-family: MicrosoftYaHei-Bold;
  font-size: 38px;
  font-weight: bold;
  font-stretch: normal;
  flex-shrink: 0;
  color: #ffffff;
  margin-bottom: 60px;
}
.el-link {
  font-size: 0.32rem;
}

.el-alert {
  .el-alert__icon {
    font-size: 0.373rem;
  }
  .el-alert__content {
    padding: 0 0.212rem;
    text-align: justify;
    .el-alert__title {
      font-size: 0.32rem;
    }
  }
}

.cell{
  font-size: 24px;
}

.el-table th.el-table__cell>.cell{
  padding-left: 3px;
  padding-right: 3px;

}

.el-table .cell{
padding-left: 3px;
  padding-right: 3px;
}


.custom-timeline{
.custom-timeline-item {
    .rightWarp {
      .el-collapse{
        .el-collapse-item {
          .el-collapse-item__header{
            padding:0 10px!important;
            font-size: 24px!important;
          }
          .el-collapse-item__content{
            font-size: 24px!important;
          }
        }
      }
    }
  }
}


  // xgplayer 全局控制样式
  .xgplayer-volume{
    display: none!important;
  }
  .xgplayer-play{
    display: none!important;
  }
//VForm 组件样式
.render-form {
  .dynamicPseudoAfter {
    height: 100%;
    .el-upload-list {
      height: 100%;
      .upload-file-list {
        font-size: 28px;
        line-height: 55px;
        height: 55px;
      }
      .el-upload-list__item:hover {
        background: unset;
      }
      .el-upload-list__item:first-child {
        margin-top: 0.13333rem;
      }
    }
  }
}
.upload-file-list {
  font-size: 20px;
}
.el-empty__description {
  p {
    font-size: 24px;
  }
}

.title_warp {
  width: 100%;
  height: auto;
  padding: 0.25rem;
  background-color: #edf0f5;
  border-radius: 8px;
  border: solid 1px #cfdeef;
  display: flex;
  justify-content: center;
  align-items: center;
  .el-form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    .el-form-item {
      margin-bottom: 0;
    }
  }
  .van-icon {
    font-size: 28px;
    //font-weight: bold;
  }
}

.button_warp {
  width: 100%;
  height: auto;
  padding: 0.25rem;
  background-color: #edf0f5;
  border-radius: 8px;
  border: solid 1px #cfdeef;
  display: flex;
  justify-content: center;
  align-items: center;
  .el-form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    .el-form-item {
      margin-bottom: 0;
    }
  }
  .van-icon {
    font-size: 16px;
  }
}

.customButton {
  margin-right: 0.25rem;
  border-radius: 0.1rem
}

.el-table {
  .el-table__header {
    th {
      background: #3F81FF;
      color: white;
      padding: 10px;
    }
  }
  .el-table__row {
    td {
      padding: 4px;
      .cell {
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
  }
}

.navigation {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../../assets/APPImage/ding.png");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

/*弹框*/
.ol-popup {
  position: absolute;
  z-index: 99999;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  display: inline-block;
  .guanbixx {
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 14px;
    color: white;
    margin: 11.5px;
    font-size: 20px;
    z-index: 11;
    cursor: pointer;
  }
  .ol_qipao {
    position: relative;
    max-height: 300px;
    overflow: auto;
    padding: 10px 12px 6px 10px;
    background-color: #f7f7f7;
    color: #333333;
    width: auto;
    border-radius: 3px;
    z-index: 1;
    padding: 0;
    background: url("~@/assets/images/map-popup.png") no-repeat 0 0;
    background-size: 100% 100%;
    .mapHoverTitle {
      height: 40px;
      padding: 0 15px;
      background: rgba(22, 75, 156, 0.6);
      color: #fff;
      line-height: 40px;
      font-size: 22px;
      font-weight: bold;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 100%;
      display: inline-block;
    }
    .mapHoverContent {
      padding: 10px;
      font-size: 16px;
      color: #fff;
      li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        line-height: 25px;
        label {
          padding-left: 10px;
          color: #fff;
        }
      }
    }
  }
}
#heliupup {
  .ol_qipao {
    overflow: hidden;
    max-height: 400px;
  }
  label {
    text-align: right !important;
    // min-width: 106px!important;
  }
  .mapHoverContent {
    max-height: 360px;
    overflow: hidden;
  }
  .contens_gao {
    max-height: 320px;
    overflow: auto;
    padding-bottom: 10px;
    font-size: 22px;
  }
}
.dianjia {
  img {
    width: 80px;
    height: 80px;
    position: absolute;
    left: calc(50% - 40px);
    bottom: -40px;
  }
  p {
    width: 210px;
    color: rgb(255, 0, 0);
    font-size: 14px;
    text-align: center;
    position: relative;
    bottom: -40px;
  }
}
.ol-adddian {
  width: 80px;
  height: 80px;
  #dianpup-content {
    width: auto;
    img {
      width: 80px;
      height: 80px;
    }
  }
}
.el-popover.tishisdiv {
  width: 40% !important;
  padding: 10px;
  .tishis {
    max-height: 30vh !important;
    overflow: auto;
    font-weight: normal;
  }
}
.ol-overlaycontainer-stopevent {
  z-index: 999999 !important;
}

.icons {
  width: auto;
  position: absolute;
  right: 45px;
  top: 12px;
  i {
    font-size: 14px;
    cursor: pointer;
  }
}
.iframe_divs {
  width: 100%;
  height: calc(100% - 72px);
  background: white;
  display: inline-block;
  position: absolute;
  top: 72px;
  left: 0;
}
.htmlIframes {
  width: 100vw;
  height: 100vh;
  background: #fff;
  position: absolute;
  z-index: 999999;
  top: 0;
  left: 0;
}
.divxianshi1 {
  cursor: move;
}
.el-button-group .el-button--primary {
  background-color: rgb(17, 167, 249) !important;
}
.el-button-group > .el-button {
  color: #fff;
  background-color: transparent;
  border-color: rgb(17, 167, 249);
}
.el-checkbox__inner {
  background-color: transparent;
  // border-color: rgb(17,167,249);
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: rgb(17, 167, 249);
  border-color: rgb(17, 167, 249);
}
.el-radio__inner {
  background-color: transparent;
  border-color: rgb(17, 167, 249);
}
.el-radio__input.is-checked .el-radio__inner {
  background-color: rgb(17, 167, 249);
  // border-color: rgb(17,167,249);
}
.zhantanjianju {
  thead {
    tr {
      th {
        .cell {
          line-height: 18px !important;
        }
      }
    }
  }
}
.tanzuoxiaodiv {
  right: 80px;
  position: absolute;
  top: 0;
  width: 36px;
  height: 36px;
  border-radius: 0.208vw;
  font-size: 1.2vw;
  text-align: center;
  line-height: 36px;
  margin-bottom: 0.2vw;
  border-radius: 4px;
  -webkit-box-shadow: 0px 6px 20px 0px rgba(85, 94, 111, 0.16);
  box-shadow: 0px 6px 20px 0px rgba(85, 94, 111, 0.16);
  background: rgba(26, 71, 128, 0.8);
  border: solid 1px #175b9b;
  color: #bcdff5;
  cursor: pointer;
}
.hlliebs {
  width: auto;
  // margin-right: 5px;
}
.el-tree.liangjiruhe {
  background: transparent;
  .el-tree-node {
    &:focus {
      .el-tree-node__content {
        background-color: transparent;
      }
    }
    .el-tree-node__content {
      &:hover {
        background-color: transparent;
      }
      .el-tree-node__label {
        font-size: 0.86vw;
        color: rgb(17, 167, 249);
      }
    }
    .el-tree-node__children {
      .el-tree-node__content {
        .el-tree-node__label {
          font-size: 12px;
        }
      }
    }
    .el-tree-node__expand-icon {
      color: white;
      background-color: #11a7f9;
      font-size: 0.6vw;
      width: 1vw;
      height: 0.9vw;
      line-height: 0.9vw;
      padding: 0;
      border-radius: 3px;
      margin-right: 5px;
      text-align: center;
    }
    .el-tree-node__expand-icon.is-leaf {
      color: transparent;
      background-color: transparent;
    }
  }
  // .el-tree-node__content{
  //   display: flex;
  //   padding: 0 0 0 5px!important;
  //   height: auto!important;
  //   margin: 5px 0!important;
  //   .is-leaf{
  //     display: none;
  //   }
  // }
  // .treeicon{
  //   margin:6px 6px 6px 0!important;
  // }
  // .el-tree-node__label {
  //   word-wrap: break-word;
  //   word-break: break-word;
  //   overflow: hidden;
  //   white-space: nowrap;
  //   text-overflow: ellipsis;
  //   -o-text-overflow: ellipsis;
  // }
  .overflow-ellipsis {
    width: 100%;
    height: auto;
    display: flex;
  }
  .zuihouyijib {
    width: 100%;
    // background-image: -webkit-gradient(linear,left top,right top,from(#0c5a86),color-stop(70%,rgba(26,52,71,.03137254901960784)),to(rgba(22,35,46,0)));
    // background-image: linear-gradient(90deg,#0c5a86,rgba(26,52,71,.03137254901960784) 70%,rgba(22,35,46,0));
    // background-blend-mode: normal,normal;
    // padding: 3px 8px;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    .el-tree-node__label {
      font-size: 12px;
      color: #11a7f9 !important;
    }
  }
  .zuihouyijib.actives {
    // background-image: -webkit-gradient(linear,left top,right top,from(#00c0ff),color-stop(70%,rgba(26,52,71,.03137254901960784)),to(rgba(22,35,46,0)));
    // background-image: linear-gradient(90deg,#00c0ff,rgba(26,52,71,.03137254901960784) 70%,rgba(22,35,46,0));
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#0c5a86),
        color-stop(70%, rgba(26, 52, 71, 0.03137254901960784)),
        to(rgba(22, 35, 46, 0))
    );
    background-image: linear-gradient(
        90deg,
        #0c5a86,
        rgba(26, 52, 71, 0.03137254901960784) 70%,
        rgba(22, 35, 46, 0)
    );
    background-blend-mode: normal, normal;
    padding: 4px 6px;
    .el-tree-node__label {
      color: white !important;
    }
  }
  .el-icon-caret-right:before {
    content: "\e6d9";
  }
  .el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
    content: "\e6d8";
  }
}
// .is-expanded>.el-tree-node__content>.overflow-ellipsis{
//   span{
//     color: white!important;;
//   }
// }
.isxuanxinxi {
  span {
    width: 100%;
    padding: 4px 6px;
    color: white !important;
    // background-image: linear-gradient(90deg, #00c0ff, rgba(26, 52, 71, 0.031372549) 70%, rgba(22, 35, 46, 0));
    // background-blend-mode: normal, normal;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#0c5a86),
        color-stop(70%, rgba(26, 52, 71, 0.03137254901960784)),
        to(rgba(22, 35, 46, 0))
    );
    background-image: linear-gradient(
        90deg,
        #0c5a86,
        rgba(26, 52, 71, 0.03137254901960784) 70%,
        rgba(22, 35, 46, 0)
    );
    background-blend-mode: normal, normal;
  }
}
.custom-popup-bottomgdt {
  height: 560px;
  overflow-x: hidden;
  overflow-y: auto;
}
.el-dialog.popupgd {
  .custom-popup-el-tab {
    padding: 0 20px;
  }
  .el-dialog__body {
    padding: 20px 0;
  }
  .custom-popup-bottomgdt {
    padding: 0 20px;
  }
}

.el-dialog.popupgd {
  .custom-leftRight-el-tab {
    padding: 0 20px;
  }
  .el-dialog__body {
    padding: 20px 0;
  }
  .custom-popup-bottomgdt {
    padding: 0 20px;
  }
}

// 表格
.rhpwk_box_container {
  .el-input__inner {
    border: 1px solid #0080f7 !important;
  }
  .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #164b9c;
    border-radius: 0;
  }
  .el-table--scrollable-x
  .el-table__body-wrapper::-webkit-scrollbar-track-piece {
    background: #e0e0e0;
  }
  .el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: scroll;
    padding-bottom: 10px;
  }
  .el-table .el-table__fixed,
  .el-table__fixed-right {
    height: calc(100% - 10px) !important;
  }
  .el-table__fixed-right::before {
    background-color: transparent;
  }
  .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #edf5fc !important;
  }
  .el-table {
    td {
      .cell {
        color: #fff;
        width: 100% !important;
      }
    }
  }
  .el-table__empty-block {
    background-color: rgb(14 47 90) !important;
  }
  .el-table__body-wrapper {
    td {
      background-color: rgb(14 47 90) !important;
      border-bottom: 1px solid #3193d5 !important;
      border-right: 1px solid #3193d5 !important;
    }
  }
  .el-table::before {
    background-color: transparent !important;
  }
  .has-gutter {
    th {
      border-bottom: 1px solid #3193d5 !important;
      border-right: 1px solid #3193d5 !important;
    }
  }
  .el-table--border,
  .el-table--group {
    border: 1px solid #3193d5 !important;
  }
  .el-table__body-wrapper::-webkit-scrollbar {
    /* 设置滚动条高度 */
    height: 10px !important;
  }
  .el-table__fixed-body-wrapper::-webkit-scrollbar {
    /* 设置固定滚动条高度 */
    height: 10px !important;
  }
  .el-table.lineTab {
    .cell {
      cursor: pointer;
      span {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        line-height: 30px;
        max-width: 100%;
      }
    }
    .gutter {
      display: none !important;
    }
    th {
      background: #164b9c !important;
      color: #fff;
      .cell {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        line-height: 18px !important;
      }
    }
    th:last-child .cell {
      background: none;
    }
    td:last-child .cell {
      background: none;
    }
  }
  .el-table__cell {
    padding: 3px 0 !important;
  }
  .el-table__row:nth-child(even) {
    background-color: #164b9c !important;
  }
  // 选项卡切换
  .el-tabs__nav-wrap {
    padding-left: 15px;
    height: 29px;
  }
  .el-tabs__item {
    height: 29px;
    padding: 0 10px;
    line-height: 29px;
  }
  // input select
  .el-input__inner,
  .el-textarea__inner {
    border: 1px solid #1a67af !important;
    // line-height: 32px;
    // height: 32px;
  }
  .search_d .el-tabs__nav-wrap {
    padding: 0 5px;
    height: 29px;
  }
}
.tits {
  width: 100%;
  height: auto;
  display: inline-block;
  padding: 10px 0px;
  font-size: 16px;
}
.tits_ {
  width: 100%;
  height: auto;
  display: inline-block;
  padding: 3px 10px;
  line-height: 18px;
  margin: 3px 0;
}
.tits_div {
  width: 100%;
  height: auto;
  display: inline-block;
  padding: 10px;
  img {
    width: 100%;
    height: auto;
    margin: 0 0 1rem 0;
  }
  img:last-child {
    margin: 0;
  }
}
.md_tabs {
  width: 100%;
  tr {
    width: 100%;
    th,
    td {
      text-align: center;
      border: 1px solid #3193d5;
      color: white;
      vertical-align: middle;
    }
  }
}
.guan_wangs {
  width: 100%;
  ul {
    width: 100%;
    li {
      width: 100%;
      line-height: 22px;
      div {
        width: 100%;
        height: 400px;
        margin-top: 0.5rem;
        display: inline-block;
      }
    }
  }
}
.hy_hxxs {
  width: 100%;
  height: 25vh;
  background: url("../../assets/images/tubiaos/hyuan14.png") no-repeat 0 0;
  background-size: 100% 100%;
  padding: 10px;
  overflow: auto;
  .hy_hxx {
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 14px;
    text-indent: 2em;
    line-height: 2.8vh;
    color: white;
    cursor: auto;
  }
}

.hy_tubiao {
  width: 100%;
  //height: 16vh;
  display: flex;
  margin-top: 0.25vh;
  background: url("../../assets/images/tubiaos/hyuan15.png") no-repeat 0 0;
  background-size: 100% 100%;
  padding: 10px;
  .hy_tubiao_l {
    width: 45%;
    height: auto;
    display: inline-block;
    float: left;
    position: relative;
    padding: 5px;
    .hy_tubiao_img {
      width: 80%;
      height: 80%;
      display: inline-block;
      background: url("../../assets/images/tubiaos/hyuan16.png") no-repeat 0 0;
      background-size: 100% 100%;
      position: absolute;
      left: 10%;
      top: 10%;
    }
    .hy_tubiao_wb {
      width: 100%;
      height: auto;
      display: inline-block;
      text-align: center;
      color: white;
      position: absolute;
      bottom: 12%;
      font-size: 15px;
      font-weight: bold;
    }
  }
  .hy_tubiao_r {
    width: 55%;
    height: auto;
    display: inline-block;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    ul {
      width: 90%;
      li {
        width: 100%;
        height: auto;
        display: inline-block;
        padding: 0.4vh 6px;
        color: white;
        margin: 0.3vh 0;
        text-align: left;
        font-size: 14px;
        background: url("../../assets/images/tubiaos/hyuan21.png") no-repeat 0 0;
        background-size: 100% 100%;
        span {
          color: #39c9ff;
          float: right;
          b {
            font-weight: bold;
          }
        }
      }
    }
  }
}
.hy_tubiao._active {
  background: url("../../assets/images/tubiaos/hyuan15_.png") no-repeat 0 0;
  background-size: 100% 100%;
  .hy_tubiao_img {
    background: url("../../assets/images/tubiaos/hyuan16_.png") no-repeat 0 0;
    background-size: 100% 100%;
  }
  ul li {
    background: url("../../assets/images/tubiaos/hyuan21_.png") no-repeat 0 0;
    background-size: 100% 100%;
    span {
      color: #39ffec;
    }
  }
}
.hy_tubiao:nth-child(2) {
  .hy_tubiao_img {
    background: url("../../assets/images/tubiaos/hyuan17.png") no-repeat 0 0;
    background-size: 100% 100%;
  }
}
.hy_tubiao:nth-child(2)._active {
  .hy_tubiao_img {
    background: url("../../assets/images/tubiaos/hyuan17_.png") no-repeat 0 0;
    background-size: 100% 100%;
  }
}
.hy_tubiao:nth-child(3) {
  .hy_tubiao_img {
    background: url("../../assets/images/tubiaos/hyuan18.png") no-repeat 0 0;
    background-size: 100% 100%;
  }
}
.hy_tubiao:nth-child(3)._active {
  .hy_tubiao_img {
    background: url("../../assets/images/tubiaos/hyuan18_.png") no-repeat 0 0;
    background-size: 100% 100%;
  }
}
.hy_tubiao:nth-child(4) {
  .hy_tubiao_img {
    background: url("../../assets/images/tubiaos/hyuan19.png") no-repeat 0 0;
    background-size: 100% 100%;
  }
}
.hy_tubiao:nth-child(4)._active {
  .hy_tubiao_img {
    background: url("../../assets/images/tubiaos/hyuan19_.png") no-repeat 0 0;
    background-size: 100% 100%;
  }
}
.hy_tubiao:nth-child(5) {
  .hy_tubiao_img {
    background: url("../../assets/images/tubiaos/hyuan20.png") no-repeat 0 0;
    background-size: 100% 100%;
  }
}
.hy_tubiao:nth-child(5)._active {
  .hy_tubiao_img {
    background: url("../../assets/images/tubiaos/hyuan20_.png") no-repeat 0 0;
    background-size: 100% 100%;
  }
}
.hy_tubiao1 {
  // height: calc(100vh - 0.484vw - 64px - 16px - 74vh);
  .hy_tubiao_r {
    ul {
      li {
        margin: 1vh 0;
      }
    }
  }
}
.hys_tubiao {
  width: 100%;
  //height: 14vh;
  display: inline-block;
  margin-top: 0.25vh;
  .hy_tubiao2 {
    width: 49%;
    height: 100%;
    float: left;
    background: url("../../assets/images/tubiaos/hyuan22.png") no-repeat 0 0;
    background-size: 100% 100%;
    .hy_tubiao_img {
      background: url("../../assets/images/tubiaos/hyuan19.png") no-repeat 0 0;
      background-size: 100% 100%;
    }
    .hy_tubiao_r {
      ul {
        li {
          margin: 10px 0;
        }
      }
    }
  }
  .hy_tubiao2._active {
    background: url("../../assets/images/tubiaos/hyuan22_.png") no-repeat 0 0;
    background-size: 100% 100%;
    .hy_tubiao_img {
      background: url("../../assets/images/tubiaos/hyuan19_.png") no-repeat 0 0;
      background-size: 100% 100%;
    }
    ul li {
      background: url("../../assets/images/tubiaos/hyuan21_.png") no-repeat 0 0;
      background-size: 100% 100%;
      span {
        color: #39ffec;
      }
    }
  }
  .hy_tubiao2:nth-child(2) {
    margin-left: 2%;
    .hy_tubiao_img {
      background: url("../../assets/images/tubiaos/hyuan20.png") no-repeat 0 0;
      background-size: 100% 100%;
    }
  }
  .hy_tubiao2:nth-child(2)._active {
    margin-left: 2%;
    .hy_tubiao_img {
      background: url("../../assets/images/tubiaos/hyuan20_.png") no-repeat 0 0;
      background-size: 100% 100%;
    }
  }
}
.sections-menu {
  width: calc(100% - 20px);
  margin: 10px;
  div {
    border: 1px solid #39b7ff;
    width: 25%;
    text-align: center;
    padding: 6px;
    color: #6eacd9;
    font-size: 14px;
  }
  div.active {
    color: #fff;
    background-color: #39b7ff;
  }
}
.you_yus {
  width: 100%;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  background: url("../../assets/images/tubiaos/hyuan23.png") no-repeat 0 0;
  background-size: 100% 100%;
  padding-left: 10%;
  span {
    color: white;
    background: linear-gradient(#fff 45%, #34a7ff 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bolder;
    font-size: 18px;
  }
}
.map-right.you_ces {
  max-width: 27.5vw;
}
.hl_an {
  color: #39b7ff;
  margin: 0 10px;
  cursor: pointer;
}

.chi_zuol {
  width: 48%;
  height: auto;
  display: inline-block;
  float: left;
}
.chi_zuor {
  width: 48%;
  height: auto;
  display: inline-block;
  float: right;
}
.el-checkbox__inner {
  border: 1px solid #7392ad;
}
.xuan_heng {
  width: 100%;
  height: 1px;
  display: inline-block;
  background: url("../../assets/images/tubiaos/hxian.png") no-repeat 0 0;
  background-size: 100% 100%;
  margin: 8px 0;
}
.fangan_pdfxx {
  opacity: 1 !important;
  margin-top: 0 !important;
  .el-dialog__body {
    height: calc(100% - 44px);
  }
  .fangan_xx {
    width: 100%;
    height: 100%;
  }
}
/*首行缩进2字符*/
.retract-2 {
  text-indent: 2em; /* em表示相对于当前元素的字体尺寸 */
}
.el-table {
  .cell {
    line-height: 18px;
  }
  td,
  th.is-leaf {
    padding: 8px 0;
  }
}
